<template>
  <div class="nav">
    <span class="iconfont iconjiantou" @click="$router.replace('/personal')"></span>
    {{text}}
  </div>
</template>

<script>
export default {
  props: ["text"]
};
</script>

<style lang="less" scoped>
.nav {
  text-align: center;
  // margin-top: 15px;
  margin-bottom: 20px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  // background-color: lightblue;
  // color: #eee;
  font-weight: 700;
  border-radius: 0 0 20px 20px;
  border: 2px solid #eee;
  // width: 100%;

  .iconjiantou {
    position: absolute;
    left: 20px;
    // top: 20px;
    font-size: 4.444vw;
  }
}
</style>